@charset "utf-8";
/* CSS Document */

/***********通用基本类1************/  
  
/*格式化样式*/  
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0; }  
table {border-collapse:collapse;border-spacing:0;}   
input,textarea{outline-style:none;}
fieldset,img {border:0;}   
address,caption,cite,code,dfn,em,strong,th,var {font-weight:normal;font-style:normal;}   
ol,ul {list-style:none;}   
caption,th {text-align:left;}   
h1,h2,h3,h4,h5,h6 {font-weight:normal;font-size:100%;}   
q:before,q:after {content:'';}   
abbr,acronym { border:0;} 

/*=============================j_reset=====================================*/

body {font-size: 12px; /* =16px */}

*{ font-family:Arial,"Times New Roman","Microsoft Yahei",Helvetica, sans-serif;}
a input{ mayfish:expression(this.onfocus=this.blur);cursor:handbblr:expression(this.onFocus=this.blur());/*IE使用*/ outline-style:none;/*FF使用*/ } /*去除a标签带来的虚框*/ 
i{ font-style:normal;}
::selection{  background:#0aa284;  color:#fff;}  
::-moz-selection {  background:#0aa284;  color:#fff;  }  
::-webkit-selection {  background:#0aa284;  color:#fff;  } 
html,body{ width:100%;overflow-x:hidden;  /* 禁止选中文本（如无文本选中需求，此为必选项） */}
.position_fixed{ position:fixed; top:0; left:0; z-index:9999; }

.left{ float:left;}
.right{ float:right;}

.red{  color: #ff2a00 !important;}
.no_bg{ background:none !important;}
.green{ color: #3cac4a !important;}
.blue{ color:#1949b9 !important;}
.no_border{ border:0 !important;}
.no_margin{ margin:0 !important;}
.no_padding{ padding:0 !important;}



.border{ border:1px solid #e8e8e8; border:1px solid red;}
.border-top{ border-top:1px solid #e8e8e8;}
.border-right{ border-right:1px solid #e8e8e8;}
.border-left{ border-left:1px solid #e8e8e8;}
.border-bottom{ border-bottom:1px solid #e8e8e8;}
.bnt_zk:hover .box_zk{display: block;}
.ht_border{ border:1px solid #dedfe0;}
.img:hover,.bnt:hover{}
.blue{ color:#ea7b99 !important;}
.text_fr{ text-align:right;}
.dd{background: #d6d7d9; border-radius:50%; height:7px; display:inline-block; width:7px; margin:0 10px;}
.bnt_zk:hover .box_zk{display: block;}
.j_bnt{ display:inline-block; border:none; border-radius:3px; background:#3cac4a; font-size:20px; height:40px; line-height:40px; text-align:center; color:#fff; padding:0 35px;}	
.j_bnt:hover{background:#4bc65a; cursor:pointer; }	
.fl,.left{ float:left;}
.fr,.right{ float:right;}
.color {color:#147fd1 !important;}
.no_bg_img{ background-image:none !important;}
.no_display{ display:none;}
.h_x{ color:#fe0505; font-weight:bold; padding-left:10px; padding-top:10px;}
.clear{ clear:both;}
.bg_jinyong{ background:#c7c8cc !important;}
.bnt_zk:hover .box_zk{display: block;}
.img{ display:block; margin:0 auto;}
label{ cursor:pointer;}
.clear{ clear:both;}
.colorhy{color:#108abd !important;}
.no_border{ border:none !important;}
.border-top{ border-top:1px solid #edeaea;}
.border-right{ border-right:1px solid #edeaea;}
.border-left{ border-left:1px solid #edeaea;}
.border-bottom{ border-bottom:1px solid #edeaea;}
.bnt_zk:hover .box_zk{display: block;}
.ht_border{ border:1px solid #dedfe0;}
.img:hover{}
hr{ height:1px; border:none; background:#eee; width:100%; margin:30px auto; }
.bnt:hover{ opacity:0.7;}

.nav li .a strong{ -moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; } 
 
.s_main_box a,.index_un_box .right a,.bnt,.n_left a,.s_more,.n_nav a span,.s_title .more{ -moz-transition: all 0.6s ease-in-out;
-webkit-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out; } 

.n_product  li img,.n_news img{ -moz-transition: all 2s ease-in-out;
-webkit-transition: all 2s ease-in-out;
-o-transition: all 2s ease-in-out;
-ms-transition: all 2s ease-in-out;
transition: all 2s ease-in-out; } 
#nav ul li a,.#banner_box li,#banner_box a,.n_product_show,.n_product_show div,.n_product_show li{ -moz-transition: all 0s ease-in-out;
-webkit-transition: all 0s ease-in-out;
-o-transition: all 0s ease-in-out;
-ms-transition: all 0s ease-in-out;
transition: all 0s ease-in-out; } 

{ -moz-transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
transition: all 1s ease-in-out; } 

{-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg); }

.text_dx{ text-transform:uppercase;}
.submit{ cursor:pointer; background-color:none; border:none;}
.bnt{ display:inline-block; line-height:30px; border-radius:3px; height:30px; text-align:center; font-size:14px; color:#fff;}
.bnt_bg1{ background:#ff4400;}
.my_title{ color:#df9e5d; font-size:25px;}
.text_indent{text-indent:2em;}
.article {color:#888888; font-size:12px; line-height:24px; }
.article p{font-size:12px; color:#888888;   line-height:24px; }	
.article strong{ font-weight:bold;}
.article td,.article th{ border:1px solid #dcdcdc; font-size:12px; padding:0 10px;}
.article  img{ max-width:100%;}
.img_box img{ display:block; margin:0 auto; }
.j_fixed { position:fixed !important; position:absolute; top:0; width:100%;z-index:9999999999999999999; background:#fff; margin:0 auto;}
/*文字排版、颜色*/
.t_sd{white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}
.u_bnt{ display:inline-block; border:none; border-radius:3px; background:#1949b9; font-size:20px; height:40px; line-height:40px; text-align:center; color:#fff;}	
.u_bnt:hover{background:#5b6cc2; cursor:pointer; }	
	
.f12{font-size:12px;}  
.f13{font-size:13px;}  
.f14{font-size:14px;}  
.f16{font-size:16px;}  
.f20{font-size:20px;}  
.fb{font-weight:bold;}  
.fn{font-weight:normal;}  
.fl{ float:left !important;}
.fr{ float:right !important;}
.t2{text-indent:2em;}  
.red,a.red{color:#c66631;}  
.darkblue,a.darkblue{color:#039;}  
.gray,a.gray{color:#878787;}  
.lh150{line-height:150%;}  
.lh180{line-height:180%;}  
.lh200{line-height:200%;}  
.unl{text-decoration:underline;}  
.no_unl{text-decoration:none;}  
  
/*定位*/  
.tl{text-align:left;}  
.tc{text-align:center;}  
.tr{text-align:rightright;}  

  
/***********通用基本类2************/  
  
input {  padding: 0 5px;  vertical-align: middle;  line-height: normal;  }  

.text-overflow-hidden {  
overflow: hidden;  
word-spacing: normal;  
letter-spacing: normal;  
whitewhite-space: nowrap;  
}  
.box-align-center {  
margin-right: auto;  
margin-left: auto;  
}  
/*css定义超链接四个状态也有顺序的。*/  
  
a:link, a:visited {  
 
text-decoration: none;
cursor:pointer !important;
}  
a:hover, a:active {  
border: none;  
color: #45444d;  
}  
 
/*===============================================*/
.fg_ad{ display:block; margin:50px auto;  }
.icon_dd {
    background: #0593ee ;
    border-radius: 50%;
    height: 5px;
    display: inline-block;
    width: 5px;
    margin: 0px 10px;}
.submit:hover{ cursor:pointer; opacity:0.8}

 /*==============分享插件——银灵子=====================*/
#j_shart_s_24 .bds_count{ font-size:12px;}
#j_shart_s_24{ padding-left:60px; position:relative;}
#j_shart_s_24 strong{ display:block; position:absolute; left:0; z-index:2; line-height:36px; font-size:14px; color: #565657;}
#j_shart_s_24 .bds_qzone{ background:url(../images/shart.png) center -224px no-repeat;}
#j_shart_s_24 .bds_tsina{ background: url(../images/shart.png) center -311px no-repeat;}
#j_shart_s_24 .bds_tqq{background: url(../images/shart.png) center -195px no-repeat;}
#j_shart_s_24 .bds_renren{background: url(../images/shart.png) center -340px no-repeat;}
#j_shart_s_24 .bds_weixin{background: url(../images/shart.png) center -253px no-repeat;}
#j_shart_s_24 .bds_count{ font-size:12px;}



/*======================漂浮=========================*/
.piaofu{ position:absolute; right:0px; top:50%; margin-top:-125px; position:fixed; z-index:99999999; background:#fff;}
.piaofu .box a{ display:block; position:relative; width:70px; height:60px; background-color:#f6f6f9;}
.piaofu .wx{ position:relative;}
.piaofu .wx{ transition:1s; }
.piaofu .wx:hover #ewm{ display:block;  }

.piaofu #ewm{ display:none; position:absolute; right:70px; top:0; }
.piaofu .tel{ position:relative;}
.piaofu .tel{ transition:1s; }
.piaofu .tel:hover #tel_box{ display:block;   }
.piaofu #tel_box{ border:2px solid #CCC; line-height:30px; color:#666; font-size:14px; background:#fff; border-radius:3px; padding:0 20px; line-height:54px; display:none; position:absolute; right:70px; top:0; }
.piaofu .box a{ transition:1s;}
.piaofu  .qq a{  background:url(../images/icon_qq.png) center 10px no-repeat;}
.piaofu  .qq:hover a{ background:url(../images/icon_qqh.png) center 10px no-repeat;}
.piaofu  .wx a{  background:url(../images/icon_weixin.png) center 10px no-repeat;}
.piaofu  .wx:hover a{ background:url(../images/icon_weixinhj.png) center 10px no-repeat;}
.piaofu  .tel a{  background:url(../images/icon_tel.png) center 10px no-repeat;}
.piaofu  .tel:hover a{ background:url(../images/icon_telh.png) center 10px no-repeat;}
.piaofu  .address a{  background:url(../images/icon_address.png) center 10px no-repeat;}
.piaofu  .address:hover a{ background:url(../images/icon_addressh.png) center 10px no-repeat;}
.gotop a{ background:url(../images/icon_gotop.png) center 10px no-repeat;}
.piaofu .gotop:hover a{ background:url(../images/icon_gotoph.png) center 10px no-repeat;}
.piaofu .box a{  background-color:#f6f6f9; margin-bottom:1px }
.piaofu .box span{ font-size:12px; color:#838291;padding-left: 10px; position:absolute; bottom:5px; text-align:center;  }
.piaofu .box:hover a{ background-color:#2977da; }
.piaofu .box:hover span{ color:#fff;}

/*===============================================select===================================================*/
.select_ui,select{  cursor:pointer; position:relative;display:inline-block;background:none;vertical-align:middle;text-align:left; margin-top:0px; cursor:inherit; width: 545px; overflow:hidden; }
.select_ui{ display:inline-block; color:#121212; border:none; padding:0 10px; height:45px; line-height:45px; margin: 0 0px;}
.select_focus_ui,select:focus{border-color:#FED519}
/*.select_ui .select_arrow{position:absolute;top:50%;right:5px;display:block;overflow:hidden;margin-top:-2px;width:0;height:0;border:5px solid #fff;border-color:#3b3b40 transparent;border-bottom:0}*/
.select_ui .select_text_ui{ overflow:hidden;color:inherit;vertical-align:baseline;white-space:nowrap;}
.select_ui .select_poswrap,.select_ui select{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;padding:0;border:0}
.select_ui select{box-sizing:border-box;height:100%;min-width:100%;background:#fff;color:inherit;font:inherit;opacity:0;filter:alpha(opacity=0)}
.select_ui .select_poswrap{overflow:hidden;width:0;height:0}



/*==========以下部分是Validform.css===========*/
.Validform_checktip{margin-left:8px;line-height:20px;height:20px;overflow:hidden;color:#999;font-size:12px;}
#Validform_msg{color:#666; font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; width:280px; -webkit-box-shadow:2px 2px 3px #aaa; -moz-box-shadow:2px 2px 3px #aaa; background:#fff; position:absolute; top:0px; right:50px; z-index:99999; display:none;filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999');}
#Validform_msg .iframe{position:absolute; left:0px; top:-1px; z-index:-1;}
#Validform_msg .Validform_title{line-height:25px; height:25px; text-align:left; font-weight:bold; padding:0 8px; color:#fff; position:relative; background-color:#00923f; font-family:"Microsoft Yahei";}
#Validform_msg a.Validform_close:link,#Validform_msg a.Validform_close:visited{line-height:22px; position:absolute; right:8px; top:0px; color:#fff; text-decoration:none;  font-family:"Microsoft Yahei";}
#Validform_msg a.Validform_close:hover{color:#cc0;}
#Validform_msg .Validform_info{padding:8px;border:1px solid #ccc; border-top:none; text-align:left;  font-family:"Microsoft Yahei";}
.Validform_error{background-color:#ffe7e7 !important;}

/*===============================================select===================================================*/
#zoom{z-index:99990;position:fixed;top:0;left:0;display:none;width:100%;height:100%;background:rgba(0,0,0,.8);filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"}
#zoom .content{z-index:99991;position:absolute;top:50%;left:50%;width:200px;height:200px;background:#fff no-repeat 50% 50%;padding:0;margin:-100px 0 0 -100px;box-shadow:-20px 20px 20px rgba(0,0,0,.3);border-radius:4px}
#zoom .content.loading{background-image:url(../img/loading.gif)}
#zoom img{display:block;max-width:none;background:#ececec;box-shadow:0 1px 3px rgba(0,0,0,.25);border-radius:4px}
#zoom .close{z-index:99993;position:absolute;top:0;right:0;width:49px;height:49px;cursor:pointer;background:transparent url(../images/close.png) no-repeat 50% 50%;opacity:1;filter:alpha(opacity=100);border-radius:0 0 0 4px}
#zoom .next,#zoom .previous{z-index:99992;position:absolute;top:50%;overflow:hidden;display:block;width:49px;height:49px;margin-top:-25px}
#zoom .previous{left:0;background:url(../images/arrows.png) no-repeat 0 0;border-radius:0 4px 4px 0}
#zoom .next{right:0;background:url(../images/arrows.png) no-repeat 100% 0;border-radius:4px 0 0 4px}
#zoom .close:hover{background-color:#da4f49}
#zoom .next:hover,#zoom .previous:hover{background-color:#08c}